/*
Theme Name: EXO Planet BR Projetos
Theme URI: http://exoplanetbr.com/projetos
Version: 1.0
Author: Bruna 
Author URI: http://brubsyo.org
*/

html, body {background: #eee5e4 url('images/bg.png') repeat-y fixed; font-family: Arial; font-color: #ffffff;
font-size: 12px; margin:0px; text-align: justify;}  

#header {width: 805px; height: 225px; background: url('images/header.png'); margin-left: 335px;}

#menu {width: auto; height: 40px; background: #fff; padding: 10px 0; font-size: 30px; text-align: center; color: #ef705d;}
#menu a, #menu a:hover {color: #fff; background: #ef705d; padding: 3px 5px; text-decoration: none;}

#menu .text {color: #ef705d; border-bottom: 4px solid #ef705d; padding-bottom: 0.5px;}

#page {min-height: 100%; margin-left: auto; margin-right: auto; width: 1070px;
* html #page {height: 100%; /* hack para IE6 que trata height como min-height */}
}

#footer {background: #fff url('images/footer.png') no-repeat center; clear: both; margin-top: 10px; width: 100%; height: 95px;}

#sidebar {font-size: 11px; font-family : Arial; line-height:14px; margin: 5px 30px 0 80px; float: left;}

#sidebar a img {background: #eee; border: 1px solid #ddd; padding: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} #sidebar a:hover img {background: #ddd; border: 1px solid #ccc; padding: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.box {background: url('images/sidebg.png') repeat; width: 300px; padding: 10px; color: #fff; margin-bottom: 10px;}

.box_title {color: #fff; padding: 7px 10px; background: #ef705d; font-size: 20px; margin: 10px 0;}

.box img {border: 5px solid #fff;}

#content {color:#333; font-size: 12px; line-height:15px; text-align:justify; width: 670px; margin: 5px 0 0 40px; float: left;}

.post {background: #fff; box-shadow: 0 0 5px #e9d9d8; padding: 10px; font-family: Arial, sans-serif; margin-bottom: 10px;}

.post_img {border: 0; float: left; width: 190px; height: 190px; margin: -10px 10px 0 -10px;}

#content span.data {color: #555; background: #ddd; font-size:10px; text-align: center; font-family: Arial, sans-serif; text-transform: uppercase; padding: 5px; margin: 0px 2px 2px 5px; height: 15px; width: 150px;}
#content span.data a {color: #666;} #content span.data a:hover {color: #777;}

img {border: 5px solid #fff;}

a img {border: 5px solid #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} 
a:hover img {border: 5px solid #999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

a, a:link, a:visited, a:active {color: #333; font-weight: bold; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} 
a:hover {color: #ef705d; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.navlink {display: block; color: #fff; background: #222; font-size: 25px; text-decoration: none; line-height: 25px; padding: 10px; margin-left: 0px; margin-right: -7px; margin-top: 5px; width: 650px;}
.navlink a {color: #ef705d; text-decoration: none; }	
.navlink a:hover {color:#fff; text-decoration:none; }

.date {height: 15px; margin: 0 2px 0 0; float: left; font-family: Arial, sans-serif; font-size: 18px; text-decoration: none; text-align:left; height: 15px; line-height:17px; vertical-align:middle; padding: 10px 3px 5px 10px;}

h1 {color:#333; font-size: 20px; margin: 10px 1px; padding: 5px;}

hr {width: 97%; clear: both; border-bottom: 0px; border-left: 0px; border-right: 0px; text-align:center; margin:5px 0 5px 0; height: 1px;}

.limpa {clear: both;}

form, fieldset {margin: 0; padding: 0; border: 0px;}

input, textarea, select, button {font-size:11px; color:#444; font-family: Arial, Arial; border: 2px solid #e1e1e1;
background-color: #f8f8f8; margin: 0;
}
input#searchsubmit {background: #f8f8f8; width: 91%; margin: 5px 0 0 0; padding: 5px 15px; height: 30px; box-shadow: 0 0 10px #ddd;}

blockquote {text-align: justify; color:#444444; background-color: #f6f6f3; padding: 10px; margin: 5px 5px 0 5px; border: 1px solid #c3c3c3;}

.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.alignleft {float: left; margin: 10px;}
.alignright {float: right; margin: 10px;}